import { UiButton } from "@/shared/Uikit"


type DisciplineModalProps = {
    tittle: string,
    description: string,
    onBegin?: () => void
}

export default function DisciplineModal(props: DisciplineModalProps) {


    return (
        <div className='z-20'>
            <h1 className='font-bold text-xl'>
                {props.tittle}
            </h1>
            <div className='mt-4'>
                {props.description}
            </div>
            <div className='w-full text-center mt-4'>
                <UiButton 
                variant='primary'
                onClick={props.onBegin}
                >Начать
                </UiButton>
            </div>
        </div>
    )
}